<template>
  <div class="collect-content">
    <div class="el-dialog__wrapper es-dialog" style="display: none;">
      <div role="dialog" aria-modal="true" aria-label="dialog" class="el-dialog el-dialog--center"
           style="margin-top: 15vh;">
        <div class="el-dialog__header">
          <div class="dialog-title"><span>添加购物车</span></div>
          <button type="button" aria-label="Close" class="el-dialog__headerbtn"><i
              class="el-dialog__close el-icon el-icon-close"></i></button>
        </div><!---->
        <div class="el-dialog__footer"><span></span></div>
      </div>
    </div>
    <div class="page-title" style="cursor: pointer;">
      <i class="el-icon-arrow-left"></i> 商品收藏
    </div>
    <div class="">
      <div class="content"
           style="translate: none; rotate: none; scale: none; opacity: 1; visibility: inherit; transform: translate(0px, 0px);">
        <!----></div>
      <div class="el-empty">
        <div class="el-empty__image">
          <no-data />
        </div>
        <div class="el-empty__description"><p>暂无数据</p></div><!----></div>
      <div class="el-loading-mask" style="display: none;">
        <div class="el-loading-spinner">
          <svg viewBox="25 25 50 50" class="circular">
            <circle cx="50" cy="50" r="20" fill="none" class="path"></circle>
          </svg><!----></div>
      </div>
    </div><!----></div>
</template>
<script setup>
import NoData from "@/components/common/NoData.vue";
</script>
<style scoped>
.collect-content {
  padding-top: 32px;
  padding-left: 50px
}
.collect-content .content{
  margin-top: 15px;
  min-height: 120px;
}
</style>